<template>
	<div class="content">
		<div>
			<p>{{tq_list.timer}}</p>
			<p>{{tq_list.city}}</p>
			<p>{{tq_list.tmpNew}}℃</p>
			<h1>{{tq_list.briefNew}}</h1>
		</div>
	</div>
</template>

<script>
	export default{
		name:'Content',
		props: {
		      tq_list: {},
		      required: true
		    }
	}
</script>

<style>
	.content{
		padding: 10px 0;
		width: 100%;
		height: 35%;
		text-align: center;
		/* background-color: #000066; */
	}
	.content>div{
		width: 60%;
		height: 100%;
		margin: 0 auto;
		/* background-color: #000000; */
	}
	.content>div>p:nth-child(3){
		font-size: 100px;
	}
</style>
